<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
	<!-- 标题 -->
	<h1>一级标题</h1>
	<h2>二级标题</h2>
	<h3>三级标题</h3>
	<h4>四级标题</h4>
	<h5>五级标题</h5>
	<h6>六级标题</h6>
	<!-- 段落  -->
	<!-- br换行 -->
	<p>hello <br /> world</p>
	<p>你好世界</p>
	<!-- 添加图片-->
	<img src = "../pexelaaa-photo-1141784111.jpeg" alt = "图片加载失败"> </img>
	<img src = "../pexels-photo-141784.jpeg" />
	<img src = "../pexels-photo-141784.jpeg" width="300px" height="100px" />
	<!-- 有序列表ol -->
	<ol>
		<li>北京</li>
		<li>上海</li>
		<li>广州</li>
		<li>深圳</li>
	</ol>
	<!-- 无序列表ul=unordered list -->
	<ul>
		<li>北京</li>
		<li>上海</li>
		<li>广州</li>
		<li>深圳</li>
	</ul>
	<!-- 无序有序嵌套 -->
	<ul>
		<li>北京</li>
		<li>上海</li>
		<li>山东</li>
			<ol>
				<li>青岛</li>
				<li>济南</li>
				<li>烟台</li>
			</ol>
		<li>广州</li>
		<li>深圳</li>
	</ul>
	<!-- a超链接
		 target="_blank"在新窗口打开
		 title="悬停文字"
	-->
	<a href="http://www.loganwz.com" title="my blog" target="_blank"> 我的博客 </a>
	<!-- 页面内的锚点使用id，使用a标签可以跳转到指定锚点 -->
	<a href="#h1">跳到h3标题</a>
	<a href="#">跳到网页的开始</a>
	<!-- hr -->
	<hr />
	
	<div align="center">
		<div id="top" align="center">
			<img src="../timg.jpg" / width="300px" height="200px">
		</div>
		<div id="center" align="center" style="color: red;width: 700px;">
			<p>北京小米科技有限责任公司成立于2010年3月3日 [1]  ，是一家专注于智能硬件和电子产品研发的移动互联网公司，同时也是一家专注于高端智能手机、互联网电视以及智能家居生态链建设的创新型科技企业。 [2] 
                              为发烧而生”是小米的产品概念。
                              小米公司创造了用互联网模式开发手机操作系统、发烧友参与开发改进的模式。小米还是继苹果、三星、华为之后第四家拥有手机芯片自研能力的科技公司。
               “让每个人都能享受科技的乐趣”是小米公司的愿景。小米公司应用了互联网开发模式开发产品的模式，用极客精神做产品，用互联网模式干掉中间环节，致力让全球每个人，都能享用来自中国的优质科技产品。 [2] 
			</p>
		</div>
		<div id="bottom" align="center" style="color: cornflowerblue; width: 700px;">
			<p>小米商城|MIUI|米家|米聊|多看|游戏|路由器|米粉卡|政企服务|小米天猫店|隐私政策|问题反馈|廉正举报|Select Region
			   ©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2017]1530-131号 
			      违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
			</p>
		</div>
	</div>
	
	<hr />
	<!--  span, 功能类似于div，但是不能独占一行 -->
	<div>
		<span><u>山东省</u><i>青岛市</i><b>城阳区</b>长城路700号<span style="color:red;">青岛农业大学</span></span>
	</div>
	<hr />
	<!--空格折叠现象
   	普通的空格在html里如果连续出现多个会被当成一个空格，
   	如果想显示多个连续的空格就要使用特殊的字符
   	&nbsp;    Non-breaking Space
	-->
	<div>
	从你的全世界     &nbsp;&nbsp; 路过
	</div>
	<hr />
	<!-- table border:边框 cellspacing:单元格间隙 -->
	<!--行跨越 列跨越-->
	<table border="1" cellspacing="0" width="400">
		<tr>
			<th>姓名</th>
			<th>班级</th>
		</tr>
		<tr>
			<td rowspan="2">张三</td>
			<td>java01</td>
		</tr>
		<tr>
			<!--<td>李四</td>-->
			<td>html05</td>
		</tr>
		<tr>
			<td>王五</td>
			<td>ui02</td>
		</tr>
		<tr>
			<td colspan="2">王五</td>
			<!--<td>ui02</td>-->
		</tr>
	</table>
	<hr />
	
	
	</body>
</html>
